<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>渐变色</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            /*background: linear-gradient(to top, #FAA53B,#FF0000,#1F87CC,#9c2f06);  线性渐变*/
            /*background-image: radial-gradient(red, yellow, green);   */
            /*径向渐变-均匀间隔的色标（默认），默认地，shape 为椭圆形，size 为最远角，position 为中心。*/
            /*shape 参数定义形状。它可接受 circle 或 ellipse 值。默认值为 ellipse（椭圆）。*/

            /*repeating-radial-gradient() 函数用于重复径向渐变：
             background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
            */
            /*径向渐变-不同间距的色标
            background-image: radial-gradient(red 5%, yellow 15%, green 60%);*/
        }
    </style>

</head>
<body>
<div>

</div>

</body>
</html>